<!DOCTYPE html>
<html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-0 vector-toc-not-available vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-0 skin-theme-clientpref-day vector-sticky-header-enabled" lang="de" dir="ltr"><head>
<meta charset="UTF-8">
<title>Material Design</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="./_res_/favicon.png">
<link rel="canonical" href="https://de.wikipedia.org/wiki/Material_Design"> <link href="./_mw_/ext.cite.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.wikimediamessages.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.icons.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.search.codex.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.styles.css" rel="stylesheet" type="text/css">
<meta name="ResourceLoaderDynamicStyles" content="">
<link href="./_mw_/ext.gadget.citeRef.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.defaultPlainlinks.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonHide.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonLayout.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonStyle.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiDarkmode.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiResponsive.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.specialSearch.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="./_mw_/site.styles.css">
<link rel="stylesheet" type="text/css" href="./_mw_/noscript.css">
<link rel="stylesheet" type="text/css" href="./_res_/footer.css">
<link rel="stylesheet" type="text/css" href="./_res_/vector-2022.css">
</head>
<body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-Material_Design rootpage-Material_Design skin-vector-2022 action-view">
<div class="mw-page-container">
<div class="mw-page-container-inner">
<div class="mw-content-container">
<main id="content" class="mw-body">
<header class="mw-body-header vector-page-titlebar">
<h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Material Design</span></h1>
</header>
<a id="top"></a>
<div id="bodyContent" class="vector-body ve-init-mw-desktopArticleTarget-targetContainer" aria-labelledby="firstHeading" data-mw-ve-target-container="">
<div id="contentSub">
<div id="mw-content-subtitle"></div>
</div>
<div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="de" dir="ltr"><div class="mw-content-ltr mw-parser-output" lang="de" dir="ltr"><table class="float-right infobox toccolours toptextcells" style="border-spacing:5px; font-size:90%; text-align:left; width:21em;">
<tbody><tr>
<th colspan="2" class="hintergrundfarbe6" style="font-size:105%; text-align:center;">Material Design
<p class="mw-empty-elt">
</p>
</th></tr>
<tr>
<td colspan="2" class="notheme" style="text-align:center; background-color:#f8f9fa;"><span typeof="mw:File"></span>
</td></tr>
<tr>
<td colspan="2" style="text-align:center;"><span typeof="mw:File"></span><br> Material Design 3 (Material You) auf <a href="Android_12" title="Android 12">Android 12</a>
</td></tr>
<tr>
<th colspan="2" class="hintergrundfarbe5" style="font-size:105%; text-align:center;">Basisdaten
<p class="mw-empty-elt">
</p>
</th></tr>
<tr>
<td><b><a href="Softwareentwickler" title="Softwareentwickler">Entwickler</a></b>
</td>
<td><a href="Google_LLC" title="Google LLC">Google LLC</a>
</td></tr>
<tr>
<td><b>Erscheinungsjahr</b>
</td>
<td><span class="wikidata-content">25. Juni 2014</span>
</td></tr>
<tr>
<td><b>Aktuelle <a href="Version_(Software)" title="Version (Software)">Version</a></b>
</td>
<td>Material 3 Expressive<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup> <br> (13. Mai 2025)
</td></tr>
<tr>
<td><b>Aktuelle Vorabversion</b>
</td>
<td>1.14.0-alpha06<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup> <br> (22. Oktober 2025)
</td></tr>
<tr>
<td><b><a href="Betriebssystem" title="Betriebssystem">Betriebssystem</a></b>
</td>
<td><span class="wikidata-content"><a href="Plattformunabh%C3%A4ngigkeit" title="Plattformunabhängigkeit">Plattformunabhängig</a></span>
</td></tr>
<tr>
<td><b><a href="Programmiersprache" title="Programmiersprache">Programmiersprache</a></b>
</td>
<td><span class="wikidata-content"><a href="Dart_(Programmiersprache)" title="Dart (Programmiersprache)">Dart</a>, <a href="Objective-C" title="Objective-C">Objective-C</a>, <a href="Swift_(Programmiersprache)" title="Swift (Programmiersprache)">Swift</a>, <a href="Java_(Programmiersprache)" title="Java (Programmiersprache)">Java</a>, <a href="TypeScript" title="TypeScript">TypeScript</a></span>
</td></tr>
<tr>
<td><b>Kategorie</b>
</td>
<td><a href="Formensprache" title="Formensprache">Designsprache</a>
</td></tr>
<tr>
<td><b>Lizenz</b>
</td>
<td><a href="Android_(Betriebssystem)" title="Android (Betriebssystem)">Android</a>, <a href="IOS_(Betriebssystem)" title="IOS (Betriebssystem)">iOS</a>: <a href="Apache-Lizenz" title="Apache-Lizenz">Apache-Lizenz 2.0</a>,<br><a href="Flutter_(Software)" title="Flutter (Software)">Flutter</a>: <a href="BSD-Lizenz" title="BSD-Lizenz">3-Klausel-BSD-Lizenz</a>,<br><a href="World_Wide_Web" title="World Wide Web">Web</a>: <a href="MIT-Lizenz" title="MIT-Lizenz">MIT-Lizenz</a>
</td></tr>
<tr>
<td class="hintergrundfarbe5" colspan="2" style="text-align:center;"><a rel="nofollow" class="external text" href="https://material.io/">material.io</a>
</td></tr></tbody></table>
<p><b>Material Design</b> (<a href="Deckname" title="Deckname">Codename</a>: <i>Quantum Paper</i>)<sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup> ist eine vom Unternehmen <a href="Google_LLC" title="Google LLC">Google LLC</a> entwickelte <a href="Formensprache" title="Formensprache">Designsprache</a> und wurde zuerst bei <a href="Google_Now" title="Google Now">Google Now</a> verwendet. Das Design basiert auf materialartigen, kartenähnlichen Flächen und dem Gestaltungsstil <a href="Flat_Design" title="Flat Design">Flat Design</a>, welcher für seinen <a href="Minimalismus_(Kunst)" class="mw-redirect" title="Minimalismus (Kunst)">Minimalismus</a> bekannt ist, verwendet aber dennoch viele Animationen und Schatten, um Objekte als "Materialien" mit einem den physikalischen Gesetzen entsprechenden Verhalten (z. B. einen leichten Tiefeneffekt) darzustellen und den Nutzer sofort erkennen zu lassen, welche Bereiche wichtige Informationen enthalten bzw. interaktiv sind und was diese Interaktion bewirken wird.<sup id="cite_ref-4" class="reference"><a href="#cite_note-4"><span class="cite-bracket">[</span>4<span class="cite-bracket">]</span></a></sup><sup id="cite_ref-5" class="reference"><a href="#cite_note-5"><span class="cite-bracket">[</span>5<span class="cite-bracket">]</span></a></sup>
</p><p>Die neueste Version von Material Design (<a class="mw-selflink-fragment" href="#Material_3_Expressive">Material 3 Expressive</a>) ist die Standard-Designsprache für die eigenen <a href="Betriebssystem" title="Betriebssystem">Betriebssysteme</a> <a href="Android_(Betriebssystem)" title="Android (Betriebssystem)">Android</a> und <a href="ChromeOS" title="ChromeOS">ChromeOS</a>. Auch Googles eigene Apps, Dienste und Webseiten werden nach und nach mit Material You ausgestattet (<a href="Plattformunabh%C3%A4ngigkeit" title="Plattformunabhängigkeit">Plattformunabhängig</a>). Darüber hinaus bietet Google auch anderen Entwicklern <a href="Programmierschnittstelle" title="Programmierschnittstelle">APIs</a> für die <a href="Implementierung" title="Implementierung">Implementierung</a> der Designrichtlinien an, um ein einheitliches Aussehen auch außerhalb Googles eigenen Diensten zu gewährleisten (<a href="Third_Party_Provider" class="mw-redirect" title="Third Party Provider">Third Party Provider</a>).
</p>
<div class="mw-heading mw-heading2"><h2 id="Versionen">Versionen</h2></div>
<div class="mw-heading mw-heading3"><h3 id="Material_Design">Material Design</h3></div>
<p>Die <a href="Initiale" title="Initiale">initiale</a> Version von Material Design wurde am 25. Juni 2014 auf der <a href="Google_I/O" title="Google I/O">Google I/O</a> angekündigt und ab 2015 übernahmen die meisten Google-eigenen Apps die Designsprache.<sup id="cite_ref-6" class="reference"><a href="#cite_note-6"><span class="cite-bracket">[</span>6<span class="cite-bracket">]</span></a></sup>
</p>
<div class="mw-heading mw-heading3"><h3 id="Material_Design_2_(Google_Material_Theme)"><span id="Material_Design_2_.28Google_Material_Theme.29"></span>Material Design 2 (Google Material Theme)</h3></div>
<p>2018 überarbeitete Google die Designsprache und begann damit, die meisten seiner Apps in einer angepassten und adaptierten Version von Material Design umzugestalten, die Google Material Theme genannt wird,<sup id="cite_ref-7" class="reference"><a href="#cite_note-7"><span class="cite-bracket">[</span>7<span class="cite-bracket">]</span></a></sup> auch „Material Design 2“ genannt,<sup id="cite_ref-8" class="reference"><a href="#cite_note-8"><span class="cite-bracket">[</span>8<span class="cite-bracket">]</span></a></sup> das stark auf Weißraum, abgerundete Ecken, bunte Icons und untere Navigationsleisten setzt und eine spezielle, größenoptimierte Version der Google-eigenen Schriftart <a href="Product_Sans" title="Product Sans">Product Sans</a> namens „Google Sans“ verwendet.<sup id="cite_ref-9" class="reference"><a href="#cite_note-9"><span class="cite-bracket">[</span>9<span class="cite-bracket">]</span></a></sup>
</p>
<div class="mw-heading mw-heading3"><h3 id="Material_Design_3_(Material_You)"><span id="Material_Design_3_.28Material_You.29"></span>Material Design 3 (Material You)</h3></div>
<p>Auf der <a href="Google_I/O" title="Google I/O">Google I/O</a> im Mai 2021 kündigte Google ein neues Konzept für <a href="Android_12" title="Android 12">Android 12</a> namens „Material You“ (auch bekannt als „Material Design 3“) an, wobei mehr Animationen, größere Schaltflächen und die Möglichkeit, benutzerdefinierte UI-Themen aus dem Hintergrundbild des Benutzers zu generieren, hervorgehoben werden.<sup id="cite_ref-10" class="reference"><a href="#cite_note-10"><span class="cite-bracket">[</span>10<span class="cite-bracket">]</span></a></sup> Material You wurde in den folgenden Monaten schrittweise auf verschiedene Google-Apps ausgerollt und bildete einen Schwerpunkt auf der damals neu erscheinenden <a href="Pixel_6" class="mw-redirect" title="Pixel 6">Pixel 6</a>- und <a href="Pixel_6_Pro" class="mw-redirect" title="Pixel 6 Pro">Pixel 6 Pro</a>-Smartphone-Serie.
</p><p>Am 27. Oktober 2021 wurden die Guidelines für Material You veröffentlicht.<sup id="cite_ref-11" class="reference"><a href="#cite_note-11"><span class="cite-bracket">[</span>11<span class="cite-bracket">]</span></a></sup>
</p>
<div class="mw-heading mw-heading3"><h3 id="Material_3_Expressive">Material 3 Expressive</h3></div>
<p>Auf der im Mai 2025 stattgefundenen <a href="Google_I/O" title="Google I/O">Android Show: I/O Edition</a> kündigte Google „Material 3 Expressive“ für <a href="Android_16" title="Android 16">Android 16</a> und <a href="Wear_OS" title="Wear OS">Wear OS 6</a> an. Diese Version des Material Designs ähnelt seinem Vorgänger, verfügt jedoch über mehr Animationen, wirkt bunter und moderner und soll insgesamt die Bedienung erleichtern. Außerdem sollen „Live-Updates“ eingeführt werden. Diese zeigen den aktuellen Status laufender Prozesse, wie etwa Navigation oder Essenslieferungen, in Echtzeit auf dem Sperrbildschirm oder in der Benachrichtigungsleiste an.<sup id="cite_ref-12" class="reference"><a href="#cite_note-12"><span class="cite-bracket">[</span>12<span class="cite-bracket">]</span></a></sup>
</p><p>Material 3 Expressive wurde ab September 2025 schrittweise auf <a href="Google_Pixel" title="Google Pixel">Google-Pixel</a>-Smartphones (<a href="Pixel_6" class="mw-redirect" title="Pixel 6">Pixel 6</a> und neuer) und das <a href="Pixel_Tablet" title="Pixel Tablet">Pixel Tablet</a> ausgerollt.<sup id="cite_ref-13" class="reference"><a href="#cite_note-13"><span class="cite-bracket">[</span>13<span class="cite-bracket">]</span></a></sup>
</p>
<div class="mw-heading mw-heading2"><h2 id="Weblinks">Weblinks</h2></div>
<div class="sisterproject" style="margin:0.1em 0 0 0;"><div class="noresize noviewer" style="display:inline-block; line-height:10px; min-width:1.6em; text-align:center;" aria-hidden="true" role="presentation"><span class="mw-default-size" typeof="mw:File"><span title="Commons"></span></span></div><b><span class=""><a class="external text" href="https://commons.wikimedia.org/wiki/Category:Material_Design?uselang=de"><span lang="en">Commons</span>: Material Design</a></span></b> – Sammlung von Bildern, Videos und Audiodateien</div>
<ul><li><a rel="nofollow" class="external text" href="https://material.io/">material.io</a> Offizielle Material Design Webseite von <a href="Google_LLC" title="Google LLC">Google</a> (englisch)</li></ul>
<div class="mw-heading mw-heading2"><h2 id="Einzelnachweise">Einzelnachweise</h2></div>
<ol class="references">
<li id="cite_note-1"><span class="mw-cite-backlink"><a href="#cite_ref-1">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://m3.material.io/blog/building-with-m3-expressive"><i>M3 Expressive: Engaging UX Design.</i></a><span class="Abrufdatum"> Abgerufen am 14. Mai 2025</span> (englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AMaterial+Design&rft.title=M3+Expressive%3A+Engaging+UX+Design&rft.description=M3+Expressive%3A+Engaging+UX+Design&rft.identifier=https%3A%2F%2Fm3.material.io%2Fblog%2Fbuilding-with-m3-expressive&rft.language=en"> </span></span>
</li>
<li id="cite_note-2"><span class="mw-cite-backlink"><a href="#cite_ref-2">↑</a></span> <span class="reference-text"><span class="cite">material-components: <a rel="nofollow" class="external text" href="https://github.com/material-components/material-components-android/releases/tag/1.14.0-alpha06"><i>Release 1.14.0-alpha06 · material-components/material-components-android.</i></a><span class="Abrufdatum"> Abgerufen am 1. November 2025</span> (englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AMaterial+Design&rft.title=Release+1.14.0-alpha06+%C2%B7+material-components%2Fmaterial-components-android&rft.description=Release+1.14.0-alpha06+%C2%B7+material-components%2Fmaterial-components-android&rft.identifier=https%3A%2F%2Fgithub.com%2Fmaterial-components%2Fmaterial-components-android%2Freleases%2Ftag%2F1.14.0-alpha06&rft.creator=material-components&rft.language=en"> </span></span>
</li>
<li id="cite_note-3"><span class="mw-cite-backlink"><a href="#cite_ref-3">↑</a></span> <span class="reference-text">Liam Spradlin: <cite class="lang" lang="en" dir="auto" style="font-style:italic">Exclusive: Quantum Paper And Google's Upcoming Effort To Make Consistent UI Simple</cite>. In: <cite class="lang" lang="en" dir="auto" style="font-style:italic">Android Police</cite>. 11. Juni 2014 (englisch, <a rel="nofollow" class="external text" href="https://www.androidpolice.com/2014/06/11/exclusive-quantum-paper-and-googles-upcoming-effort-to-make-consistent-ui-simple/">androidpolice.com</a> [abgerufen am 18. März 2018]).<span class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rfr_id=info:sid/de.wikipedia.org:Material+Design&rft.atitle=Exclusive%3A+Quantum+Paper+And+Google%27s+Upcoming+Effort+To+Make+Consistent+UI+Simple&rft.au=Liam+Spradlin&rft.btitle=Android+Police&rft.date=2014-06-11&rft.genre=book" style="display:none"> </span></span>
</li>
<li id="cite_note-4"><span class="mw-cite-backlink"><a href="#cite_ref-4">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://www.google.com/design/spec/material-design/introduction.html#introduction-principles"><i>Introduction - Material design - Google design guidelines.</i></a> In: <i>Google design guidelines.</i><span class="Abrufdatum"> Abgerufen am 27. Mai 2016</span>.</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AMaterial+Design&rft.title=Introduction+-+Material+design+-+Google+design+guidelines&rft.description=Introduction+-+Material+design+-+Google+design+guidelines&rft.identifier=https%3A%2F%2Fwww.google.com%2Fdesign%2Fspec%2Fmaterial-design%2Fintroduction.html%23introduction-principles"> </span></span>
</li>
<li id="cite_note-5"><span class="mw-cite-backlink"><a href="#cite_ref-5">↑</a></span> <span class="reference-text"><cite style="font-style:italic">Google's new 'Material Design' UI coming to Android, Chrome OS and the web</cite>. In: <cite style="font-style:italic">Engadget</cite>. (<a rel="nofollow" class="external text" href="https://www.engadget.com/2014/06/25/googles-new-design-language-is-called-material-design/">engadget.com</a> [abgerufen am 18. März 2018]).<span class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rfr_id=info:sid/de.wikipedia.org:Material+Design&rft.atitle=Google%27s+new+%27Material+Design%27+UI+coming+to+Android%2C+Chrome+OS+and+the+web&rft.btitle=Engadget&rft.genre=book" style="display:none"> </span></span>
</li>
<li id="cite_note-6"><span class="mw-cite-backlink"><a href="#cite_ref-6">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://android-developers.googleblog.com/2014/08/material-design-in-2014-google-io-app.html"><i>Material design in the 2014 Google I/O app.</i></a> In: <i>Android Developers Blog.</i><span class="Abrufdatum"> Abgerufen am 9. Oktober 2023</span> (englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AMaterial+Design&rft.title=Material+design+in+the+2014+Google+I%2FO+app&rft.description=Material+design+in+the+2014+Google+I%2FO+app&rft.identifier=https%3A%2F%2Fandroid-developers.googleblog.com%2F2014%2F08%2Fmaterial-design-in-2014-google-io-app.html&rft.language=en"> </span></span>
</li>
<li id="cite_note-7"><span class="mw-cite-backlink"><a href="#cite_ref-7">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://m3.material.io/"><i>Material Design.</i></a><span class="Abrufdatum"> Abgerufen am 9. Oktober 2023</span> (englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AMaterial+Design&rft.title=Material+Design&rft.description=Material+Design&rft.identifier=https%3A%2F%2Fm3.material.io%2F&rft.language=en"> </span></span>
</li>
<li id="cite_note-8"><span class="mw-cite-backlink"><a href="#cite_ref-8">↑</a></span> <span class="reference-text"><span class="cite">Stephen Hall: <a rel="nofollow" class="external text" href="https://9to5google.com/2018/04/26/what-is-material-design-2-examples-launch-io/"><i>Was genau ist dieses sogenannte „Material Design 2“, und wie wird es aussehen?</i></a> In: <i>9to5Google.</i> 26. April 2018,<span class="Abrufdatum"> abgerufen am 6. September 2020</span> (amerikanisches Englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AMaterial+Design&rft.title=Was+genau+ist+dieses+sogenannte+%E2%80%9EMaterial+Design+2%E2%80%9C%2C+und+wie+wird+es+aussehen%3F&rft.description=Was+genau+ist+dieses+sogenannte+%E2%80%9EMaterial+Design+2%E2%80%9C%2C+und+wie+wird+es+aussehen%3F&rft.identifier=&rft.creator=Stephen%26%2332%3BHall&rft.date=2018-04-26&rft.language=en-us"> </span></span>
</li>
<li id="cite_note-9"><span class="mw-cite-backlink"><a href="#cite_ref-9">↑</a></span> <span class="reference-text"><span class="cite">Stephen Hall: <a rel="nofollow" class="external text" href="https://9to5google.com/2018/05/09/google-sans-vs-product-sans/"><i>Jetzt wissen wir es: Google Sans ist eigentlich eine größenoptimierte Version von Product Sans.</i></a> In: <i>9to5Google.</i> 9. Mai 2018,<span class="Abrufdatum"> abgerufen am 6. September 2020</span> (amerikanisches Englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AMaterial+Design&rft.title=Jetzt+wissen+wir+es%3A+Google+Sans+ist+eigentlich+eine+gr%C3%B6%C3%9Fenoptimierte+Version+von+Product+Sans&rft.description=Jetzt+wissen+wir+es%3A+Google+Sans+ist+eigentlich+eine+gr%C3%B6%C3%9Fenoptimierte+Version+von+Product+Sans&rft.identifier=&rft.creator=Stephen%26%2332%3BHall&rft.date=2018-05-09&rft.language=en-us"> </span></span>
</li>
<li id="cite_note-10"><span class="mw-cite-backlink"><a href="#cite_ref-10">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://www.androidauthority.com/google-material-you-1227004/"><i>Material You is Google's reboot of Material Design.</i></a> 18. Mai 2021,<span class="Abrufdatum"> abgerufen am 9. Oktober 2023</span> (englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AMaterial+Design&rft.title=Material+You+is+Google%27s+reboot+of+Material+Design&rft.description=Material+You+is+Google%27s+reboot+of+Material+Design&rft.identifier=https%3A%2F%2Fwww.androidauthority.com%2Fgoogle-material-you-1227004%2F&rft.date=2021-05-18&rft.language=en"> </span></span>
</li>
<li id="cite_note-11"><span class="mw-cite-backlink"><a href="#cite_ref-11">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://m3.material.io/"><i>Material Design.</i></a><span class="Abrufdatum"> Abgerufen am 27. Oktober 2021</span> (englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AMaterial+Design&rft.title=Material+Design&rft.description=Material+Design&rft.identifier=https%3A%2F%2Fm3.material.io%2F&rft.language=en"> </span></span>
</li>
<li id="cite_note-12"><span class="mw-cite-backlink"><a href="#cite_ref-12">↑</a></span> <span class="reference-text"><span class="cite">Nicolas La Rocco: <a rel="nofollow" class="external text" href="https://www.computerbase.de/news/betriebssysteme/material-3-expressive-android-16-und-wear-os-6-fuehren-neues-ui-design-ein.92570/"><i>Material 3 Expressive: Android 16 und Wear OS 6 führen neues UI-Design ein.</i></a> 13. Mai 2025,<span class="Abrufdatum"> abgerufen am 14. Mai 2025</span>.</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AMaterial+Design&rft.title=Material+3+Expressive%3A+Android+16+und+Wear+OS+6+f%C3%BChren+neues+UI-Design+ein&rft.description=Material+3+Expressive%3A+Android+16+und+Wear+OS+6+f%C3%BChren+neues+UI-Design+ein&rft.identifier=https%3A%2F%2Fwww.computerbase.de%2Fnews%2Fbetriebssysteme%2Fmaterial-3-expressive-android-16-und-wear-os-6-fuehren-neues-ui-design-ein.92570%2F&rft.creator=Nicolas+La+Rocco&rft.date=2025-05-13&rft.language=de"> </span></span>
</li>
<li id="cite_note-13"><span class="mw-cite-backlink"><a href="#cite_ref-13">↑</a></span> <span class="reference-text"><span class="cite">Ryan Whitwam: <a rel="nofollow" class="external text" href="https://arstechnica.com/gadgets/2025/09/googles-material-3-expressive-ui-rolls-out-to-pixel-6-and-newer/"><i>Google’s Material 3 Expressive UI rolls out to Pixel 6 and newer.</i></a> 3. September 2025,<span class="Abrufdatum"> abgerufen am 1. November 2025</span> (englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AMaterial+Design&rft.title=Google%E2%80%99s+Material+3+Expressive+UI+rolls+out+to+Pixel+6+and+newer&rft.description=Google%E2%80%99s+Material+3+Expressive+UI+rolls+out+to+Pixel+6+and+newer&rft.identifier=https%3A%2F%2Farstechnica.com%2Fgadgets%2F2025%2F09%2Fgoogles-material-3-expressive-ui-rolls-out-to-pixel-6-and-newer%2F&rft.creator=Ryan+Whitwam&rft.date=2025-09-03&rft.language=en"> </span></span>
</li>
</ol></div><!--htdig_noindex--><div><div class="zim-footer">
Dieser Artikel wurde von <a class="external text" title="Zuletzt bearbeitet am 2025-11-01" href="https://de.wikipedia.org/wiki/?title=Material_Design&oldid=261145714">Wikipedia</a> herausgegeben. Der Text ist unter <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">Creative Commons Attribution-Share Alike 4.0</a> verfügbar, sofern nicht anders angegeben. Für die Mediendateien können zusätzliche Bedingungen gelten.
</div>
</div><!--/htdig_noindex--></div>
</div>
</main>
</div>
</div>
</div>
<script src="./_webp_/webpHandler.js"></script>
</body></html>